html, body {
  overflow-x: hidden;
}
.menu{
	font-family: 'Playfair Display', serif;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
}
.number{
	font-family: 'Roboto Slab', serif;
}
.massage{
	font-family: 'Dancing Script', cursive;
}
.logo{
	font-family: 'IM Fell English SC', serif;
}
.intro-grid .icon i {
    font-size: 60px;
    color: rgba(255, 255, 255, 0.5);
}		
hr {
    border-color: #2c6f66;
	height:5px;
}
.fixheight{
	height:100px;
}
.card-body{
	padding-top:1px;
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.anih1text {
    position: relative;
    font-size: 90px;
    font-weight: bold;
    float: none;
    display: block;
    line-height: 100px;
    text-align: right;
}
.anih1text2 {
    position: relative;
    font-size: 80px;
    font-weight: bold;
    float: none;
    display: block;
    line-height: 90px;
    text-align: right;
}
.anih1spam {
     width: 683px;
}
.carousel-caption h4{
	background-color: rgba(21, 21, 22, 0.5);
}
.card-body {
    padding: .75rem;
}

.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}

.container2 {
  display: flex;
  width: 100%;
  padding: 4% 2%;
  box-sizing: border-box;
  height: 100vh;
}

.box {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 2%;
  box-shadow: 0 20px 30px rgba(0,0,0,.1);
  line-height: 0;
}

.box > img {
  width: 200%;
  height: calc(100% - 10vh);
  object-fit: cover; 
  transition: .5s;
}

.box > span {
  font-size: 3.8vh;
  display: block;
  text-align: center;
  height: 10vh;
  line-height: 2.6;
}

.box:hover { flex: 1 1 50%; }
.box:hover > img {
  width: 100%;
  height: 100%;
}